window.addEventListener('load', function () {
  //去注册
  let goRegister = document.querySelector('.goRegister')
  //去登陆
  let goLogin = document.querySelector('.goLogin')

  //注册面板
  let register = document.querySelector('#register')
  // 登录面板
  let login = document.querySelector('#login')

  //账号---注册
  let userName = document.querySelector('.register [name="username"]')
  //密码---注册
  let passWord = document.querySelector('.register [name="password"]')

  //账号---登录
  let userNname = document.querySelector('.login [name="username"]')
  //密码---登录
  let passWword = document.querySelector('.login [name="password"]')

  //注册按钮
  let btnregister = document.querySelector('.btnregister')
  //登录按钮
  let btnlogin = document.querySelector('.btnlogin')

  // 去注册事件
  goRegister.addEventListener('click', function () {
    register.style.display = "block"
    login.style.display = "none"
  })
  // 去登录事件
  goLogin.addEventListener('click', function () {
    register.style.display = "none"
    login.style.display = "block"
  })

  // 添加校验规则
  function test() {
    return {
      fields: {
        username: {
          // 这里username是 input 的name属性值，表示对这个输入框进行验证
          validators: {
            // 添加真正的校验规则
            notEmpty: {
              //不能为空
              message: '用户名不能为空.' // 如果不满足校验规则，则给出这句提示
            },
            stringLength: {
              //检测长度
              min: 2, // 最少2位
              max: 15, // 最多15位
              message: '用户名需要2~15个字符'
            }
          }
        },
        password: {
          validators: {
            notEmpty: {
              message: '密码不能为空'
            },
            stringLength: {
              //检测长度
              min: 6,
              max: 15,
              message: '密码需要6~15个字符'
            }
          }
        }
      }
    }
  }
  //注册按钮事件
  // 用bootstrapValidator方法代替事件添加
  // btnregister.addEventListener('click', function (e) {
  $('.register form') //给注册表单添加校验规则
    .bootstrapValidator(test())
    .on('success.form.bv', function (e) {

      e.preventDefault()
      axios({
        url: '/api/register',
        method: 'POST',
        data: {
          username: userName.value, password: passWord.value
        }
      }).then((res) => {
        console.log(res);
        if (res.data.code == 0) {
          toastr.success(res.data.message)
          register.style.display = "none"
          login.style.display = "block"
        } else {
          toastr.warning(res.data.message)

        }
      })

    })

  // })

  //注册登录事件
  // 用bootstrapValidator方法代替事件添加
  // btnlogin.addEventListener('click', function (e) {
  $('.login form') //给登录表单添加校验规则
    .bootstrapValidator(test())
    .on('success.form.bv', function (e) {

      e.preventDefault()
      axios({
        url: '/api/login',
        method: 'POST',
        data: {
          username: userNname.value, password: passWword.value
        }
      }).then((res) => {
        console.log(res);
        if (res.data.code == 0) {
          toastr.success(res.data.message)
          location.href = './index.html'
        } else {
          toastr.warning(res.data.message)

        }
      })

    })

  // })

})